<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HRCMS建站系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="HrCMS">
    <meta name="description" content="HrCMS">
    <meta name="author" content="ChenX,HrCMS">
    <meta name="robots" content="index,follow">

    <!-- css -->
    <link href="./logo.ico" rel="shortcut icon" type="image/x-icon">
    <link href="./images/bootstrap.min.css" rel="stylesheet">
    <link href="http://api.cas.cn/lib/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="./images/common_ivpp.css" rel="stylesheet">
    <link href="./images/index_ivpp.css" rel="stylesheet">

    <!--[if (gte IE 6)&(lte IE 8)]>
    <script src="http://api.cas.cn/lib/selectivizr/1.0.2/js/selectivizr.js" /></script>
    <noscript><link rel="stylesheet" href="[fallback css]" / ></noscript>
    <![endif]-->
    <!--[if lt IE 9]>
    <script src="http://api.cas.cn/lib/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="http://api.cas.cn/lib/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="./images/jquery-1.8.3.min.js"></script>
    <script src="./WebConfig.js"></script>
</head>

<body>
<header>
    <!-- Mobile Header -->
    <div class="container header header-top hidden-lg hidden-md">
        <div class="nav-top col-sm-12 col-xs-12"><a href="#">HrCMS</a> | <a href="#">联系我们</a> |  <a href="javascript:void(0)" class="js-link"><i class="fa fa-search"></i></a></div>
        <div class="js-content sr-only col-sm-12 col-xs-12">
            <form class="search">
                <input type="text" value="搜 索" id="iptSword" onClick="javascript:if(this.value=='搜 索') this.value=''" />
                <input class="btn-search" id="sub-mobile" type="button" value="" />
            </form>
        </div>
    </div>
    <!-- Mobile Header -->

    <!-- PC Header -->
    <div class="container header hidden-sm hidden-xs">
        <div class="logo col-md-8">
            <!--<img src="http://www.ivpp.cas.cn/images/logo_ivpp.png" alt="hrcms" />-->
            <h2 style="margin: 2%">hrcms建站系统</h2>
        </div>
        <div class="col-md-4">
            <div class="nav-top mb5 clearfix">
                <ul>
                    <li><a href="#" target="_blank">内网入口</a></li>
                    <li>|</li>
                    <li><a href="#">快速链接</a></li>
                    <li>|</li>
                    <li><a href="#" target="_blank">HRCMS</a></li>
                    <li>|</li>
                    <!---- <li> <a href="http://www.ivpp.cas.cn/lj/lxwm/"  target="_blank">联系我们</a></li>
                           <li>|</li> --------->
                    <li><a href="http://english.ivpp.cas.cn/" target="_blank">English</a></li>
                </ul>
            </div>
            <form class="search"  >
                <input type="text" value="搜 索" id="searchword" onClick="javascript:if(this.value=='搜 索') this.value=''" />
                <input type="button" value="" class="btn-search" id="sub-pc" />
            </form>

        </div>
    </div>
    <!-- PC Header -->
    <div class="clearfix"></div>

    <nav class="navbar navbar-inverse">
        <div class="nav">
            <div class="container main-navigation">
                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand hidden-lg hidden-md" href="index.html"><img src="./images/logo.jpg" class="logo" alt="hrcms" /></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-collapse-1">
                    <ul class="nav navbar-nav" id="FirstLevel">
                        <li><a href="index.html">首　页</a></li>
                        <li class="dropdown">
                            <a href="articleList.html?id=8" class="dropdown-toggle" data-toggle="dropdown" target="_top">科研部门</a>
                            <ul class="dropdown-menu" id="kybm">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=15" class="dropdown-toggle" data-toggle="dropdown" target="_top">研究成果</a>
                            <ul class="dropdown-menu" id="yjcg">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=20" class="dropdown-toggle" data-toggle="dropdown" target="_top">教育培训</a>
                            <ul class="dropdown-menu" id="jypx">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=28" class="dropdown-toggle" data-toggle="dropdown" target="_top">出版物</a>
                            <ul class="dropdown-menu" id="cbw">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=32" class="dropdown-toggle" data-toggle="dropdown" target="_top">党群园地</a>
                            <ul class="dropdown-menu" id="dqyd">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=38" class="dropdown-toggle" data-toggle="dropdown" target="_top">科学传播</a>
                            <ul class="dropdown-menu" id="kxcp">

                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="articleList.html?id=43" class="dropdown-toggle" data-toggle="dropdown" target="_top">信息公开</a>
                            <ul class="dropdown-menu" id="xxgk">
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</header>
<script type="text/javascript">
    function isValid(str){
        if(str.indexOf('&') != -1 || str.indexOf('<') != -1 || str.indexOf('>') != -1 || str.indexOf('\'') != -1
            || str.indexOf('\\') != -1 || str.indexOf('/') != -1 || str.indexOf('"') != -1
            || str.indexOf('%') != -1 || str.indexOf('#') != -1){
            return false;
        }
        return true;
    }
    function search_check(){
        var searchword = document.getElementById("searchword").value.replace(/^\s+|\s+$/g,"");
        if(searchword == "" || searchword == "搜 索" || !isValid(searchword)){
            alert("请输入关键词后再进行提交。");
            return false;
        }else{
            document.getElementsByName("keyword")[0].value = encodeURI(searchword);
            //document.getElementById("keyword").value = encodeURI(searchword);
            document.searchform.submit();
        }
    }
</script>
<div class="clearfix"></div>

<!-- main -->
<div class="main">
    <div class="container">
        <div class="row">
            <div class="col-topnews mt10 clearfix">
                <div class="col-md-7 col-topnews-L">
                    <div id="myCarousel" class="carousel slide" data-ride="carousel">
                        <!-- 轮播（Carousel）指标 -->
                        <ol class="carousel-indicators">
                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                            <li data-target="#myCarousel" data-slide-to="1"></li>
                            <li data-target="#myCarousel" data-slide-to="2"></li>
                            <li data-target="#myCarousel" data-slide-to="3"></li>
                        </ol>
                        <!-- 轮播（Carousel）项目 -->
                        <div class="carousel-inner" id="lbt">

                        </div>
                    </div>
                </div>
                <div class="col-md-5 col-topnews-R clearfix">
                    <h3>头条要闻</h3>
                    <ul class="clearfix" >
                        <div id="ttxw">

                        </div>
                        <li>
                            <a href="articleList.html?id=4" class="more">更多...</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="main-content row">
                <div class="col-md-8 col-sm-12 col-xs-12">
                    <div class="mt30 news clearfix">
                        <h3><img src="./images/ico_white_col_02_ivpp.png" />综合新闻<a href="articleList.html?id=5" class="more">更多...</a></h3>
                        <section class="col-md-3 col-sm-3 col-xs-12 newsimg mt15 clearfix" id="zhxw_img">

                        </section>
                        <ul class="col-md-9 col-sm-9 col-xs-12 fontlist clearfix" id="zhxw">

                        </ul>
                    </div>
                    <div class="mt30 news clearfix">
                        <h3><img src="./images/ico_white_col_03_ivpp.png" />国际新闻<a  href="articleList.html?id=7" class="more">更多...</a></h3>
                        <section class="col-md-3 col-sm-3 col-xs-12 newsimg mt15 clearfix" id="kyjz_img">

                        </section>
                        <ul class="col-md-9 col-sm-9 col-xs-12 fontlist clearfix" id="kyjz">


                        </ul>
                    </div>
                    <div class="mt30 news clearfix">
                        <h3><img src="./images/ico_white_col_04_ivpp.png" />财经新闻<a href="articleList.html?id=26" class="more">更多...</a></h3>
                        <section class="col-md-3 col-sm-3 col-xs-12 newsimg mt15 clearfix" id="kxcb_img">


                        </section>
                        <ul class="col-md-9 col-sm-9 col-xs-12 fontlist clearfix" id="kxcb">


                        </ul>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12 col-xs-12 main-right">
                    <div class="col-mail clearfix">
                        <p><img src="./images/ico_col_mail_ivpp.png" />邮箱登录</p>
                        <script>
                            function loginSubmit(form, event) {
                                document.getElementsByName('uid')[0].value=document.getElementsByName('userid')[0].value + '@ivpp.ac.cn';

                                return true;
                            };
                        </script>
                        <form class="form-mailsignin" name="f" action="http://localhost:8082" onsubmit="return loginSubmit(this, event);" method="get" target="_blank">
                            <input type="hidden" name="pageinfo" value="userinfo" />
                            <input type="hidden" name="uid" value="" />
                            <input type="hidden" name="locale" value="zh_CN" />
                            <input type="hidden" name="domain" value="@ivpp.ac.cn" />
                            <input type="hidden" name="locale" id="locale" value="zh_CN" />
                            <input type="hidden" name="nodetect" value="false" />
                            <input type="hidden" name="destURL" value="" /> <!-- 通过参数请求参数，支持登陆成功后跳转到指定页面 -->
                            <input type="hidden" name="supportLoginDevice" value="true" />
                            <input type="hidden" name="accessToken" class="j-access-token" value="" />
                            <input type="hidden" name="timestamp" class="j-timestamp" value="" />
                            <input type="hidden" name="signature" class="j-signature" value="" />
                            <input type="hidden" name="nonce" class="j-nonce" value="" />
                            <input type="hidden" name="device" class="j-device" value="" />
                            <input type="hidden" name="supportDynamicPwd" value="true" />
                            <input type="hidden" name="face" id="face" value="auto" />
                            <input type="hidden" name="faceName" id="faceName" value="自动选择" />
                            <div class="form-mailsignin-input">
                                <input type="text" class="form-control username" name="userid" placeholder="用户名" required="" />
                                <input type="password" class="form-control password" name="password" placeholder="密码" required="" />
                            </div>
                            <div class="form-mailsignin-but">
                                <button name="action:login" type="submit">登  录</button>
                            </div>
                        </form>
                    </div>

                    <div class="col-tabs mt10 clearfix">
                        <ul class="nav-tabs clearfix" role="tablist">
                            <li role="presentation" class="active"><a href="javascript:void(0);"><img src="./images/ico_col_ann_ivpp.png" />通知公告</a></li>
                            <li role="presentation"><a href="javascript:void(0);"><img src="./images/ico_col_edu_ivpp.png" />学术活动</a></li>
                        </ul>
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active clearfix">
                                <ul class="mt10" id="tzgg">
                                    <!--<li class="mt10 clearfix">
										<span>
											<b>12/10</b>
											<em>2019</em>
										</span>
                                        <a href="#" target="_blank" title="龙昊研究所网站上线啦" class="mt5">龙昊研究所网站上线啦</a>
                                    </li>-->
                                </ul>
                            </div>
                            <div role="tabpanel" class="tab-pane clearfix">
                                <ul class="mt10" id="xshd">
                                   <!-- <li class="mt10 clearfix">
										<span>
											<b>12/05</b>
											<em>2019</em>
										</span>
                                        <a href="#" target="_blank" title="讲座通知：高速信息时代如何更好地传播优秀科研成果"　class="mt5">讲座通知：高速信息时代如何更好地传播优秀科研成果</a>
                                    </li>-->
                                </ul>
                            </div>


                        </div>
                    </div>

                    <div class="col-img mt10 clearfix">
                    </div>
                    <div class="col-img mt10 clearfix">
                        <h4><img src="./images/ico_col_link_ivpp.png" />快速链接<a href="#" class="more">更多...</a></h4>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-xs-12">
                                    <ul class="demo2" id="link_data">
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>

                <div class="col-md-12 wrap-main-03 mt30 clearfix">
                    <h3><img src="./images/ico_white_col_05_ivpp.png" />图片新闻<a href="articleList.html?id=6" class="more">更多...</a></h3>
                    <div id="IndexCarousel" class="carousel slide" data-ride="carousel">
                        <!-- 轮播（Carousel）指标 -->
                        <ol class="carousel-indicators">
                            <li data-target="#IndexCarousel" data-slide-to="0" class="active">1</li><li data-target="#IndexCarousel" data-slide-to="1">2</li><li data-target="#IndexCarousel" data-slide-to="2">3</li>
                        </ol>
                        <!-- 轮播（Carousel）项目 -->
                        <div class="carousel-inner" id="tuxw">
                            <div class="item active" id="item1">

                            </div>
                            <div class="item" id="item2">

                            </div>
                            <div class="item" id="item3">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>

                <ul class="col-md-12 col-link mt20 clearfix">
                    <li class="col-md-2 col-sm-2 col-xs-6 mt10 clearfix"><i class="fa fa-envelope"></i><a href="#" target="_blank">作者信箱</a></li>
                    <li class="col-md-2 col-sm-2 col-xs-6 mt10 clearfix"><i class="fa fa-weixin"></i><a href="#" target="_blank">微信</a></li>
                    <li class="col-md-2 col-sm-2 col-xs-6 mt10 clearfix"><i class="fa fa-qq"></i><a href="#" target="_blank">微博</a></li>
                    <li class="col-md-2 col-sm-2 col-xs-6 mt10 clearfix"><i class="fa fa-phone"></i><a href="#" target="_blank">联系方式</a></li>
                    <li class="col-md-2 col-sm-2 col-xs-6 mt10 clearfix"><i class="fa fa-link"></i><a  href="#" target="_blank">快速链接</a></li>
                    <li class="col-md-2 col-sm-2 col-xs-6 mt10 clearfix"><i class="fa fa-edit"></i><a href="#" target="_blank">出版物</a></li>
                </ul>

            </div>
        </div>
    </div>


</div>
<div class="clearfix"></div>

<!-- footer -->
<footer class="mt20">
    <div class="pb15">
        <div class="container">
            <div class="row hidden-sm hidden-xs">
                <li class="col-md-3 pt30"></li>
                <li class="col-md-7 pt20">版权所有 &copy; haoran开发<br />Copyright  &copy; 2019  All rights reserved<br />联系微信号：johnston<br />地址：内蒙古呼和浩特 邮编：010010</li>
                <!--<li class="col-md-2 pt15"><img src="http://www.ivpp.cas.cn/images/blue.png" /></li>-->
            </div>
            <div class="row hidden-lg hidden-md">
                <li class="col-sm-7 col-xs-8 pt10"></li>
                <!--<li class="col-sm-5 col-xs-4"><img src="http://www.ivpp.cas.cn/images/blue.png" /></li>-->
                <li class="col-sm-12 col-xs-12 pt10">版权所有  &copy; haoran开发<br />Copyright  &copy; 2018  All rights reserved<br />联系微信号：johnston 邮箱：1261670412@qq.com<br />地址：内蒙古呼和浩特市 邮编：010010</li>
            </div>
        </div>
    </div>
</footer>
<!--<div id="code"></div>
<div id="code_img"></div>-->
<a id="gotop" href="javascript:void(0)"></a>
<script src="http://api.cas.cn/lib/jquery/1.12.1/jquery.min.js"></script>
<script src="http://api.cas.cn/lib/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="http://www.ivpp.cas.cn/images/modernizr.js"></script>
<script src="http://www.ivpp.cas.cn/images/common.js"></script>

<script src="http://www.ivpp.cas.cn/images/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>

<script type="text/javascript">
    function isValid(str){
        if(str.indexOf('&') != -1 || str.indexOf('<') != -1 || str.indexOf('>') != -1 || str.indexOf('\'') != -1
            || str.indexOf('\\') != -1 || str.indexOf('/') != -1 || str.indexOf('"') != -1
            || str.indexOf('%') != -1 || str.indexOf('#') != -1){
            return false;
        }
        return true;
    }
    $(function(){
        $('#sub-pc').click(function(){
            var searchword = $.trim($('#searchword').val());
            if(searchword == "" || searchword == "请输入关键字" || !isValid(searchword)){
                alert("请输入关键词后再进行提交。");
                return false;
            }
           console.log(searchword);
            window.location.href="articleSearch.html?keyword="+searchword;
        });

        $('#sub-mobile').click(function(){
            var iptSword = $.trim($('#iptSword').val());
            if(iptSword == "" || iptSword == "请输入关键字" || !isValid(iptSword)){
                alert("请输入关键词后再进行提交。");
                return false;
            }
            window.location.href="articleSearch.html?keyword="+searchword;
        });
    });

</script>
<script type="text/javascript" src="//api.cas.cn/lib/jquery/1.12.4/jquery.min.js"></script>
<script src="./images/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $("ul.nav-tabs").on("mouseover", "li[role=presentation]",
        function() {
            var _thisIndex = $(this).index();
            $(this).siblings().removeClass("active");
            $(this).addClass("active");
            $(this).parent().find("a.more").each(function() {
                _thisIndex == $(this).index()-2 ? $(this).removeClass("hide") : $(this).addClass("hide")
            });
            $(this).parent().next("div.tab-content").find("div.tab-pane").each(function() {
                _thisIndex == $(this).index() ? $(this).addClass("active") : $(this).removeClass("active")
            });

            /*$(".demo2").bootstrapNews({
                newsPerPage: 2,
                autoplay: true,
                pauseOnHover: true,
                navigation: false,
                direction: 'down',
                newsTickerInterval: 2500,
                onToDo: function () {
                    //console.log(this);
                }
            });*/
        });
    getLinkData();
    function getLinkData() {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/link/list?t=1576297358653&page=1&limit=2",//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#link_data").empty();
                var dataList = data.page.list;
                console.log(dataList);
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    var html = '<li class="news-item"><a href="#{linkUrl}" target="_blank"><img title="#{title}" src="./images/LinkImg/#{imgUrl}" class="mb10" /></a></li>';
                    var title = dataList[i].title;
                    var linkUrl = dataList[i].linkUrl;
                    var imgUrl = dataList[i].imgUrl;
                    if (dataList[i].imgUrl === null){
                        imgUrl = "notExistImg.png";
                    }
                    html = html.replace("#{title}",title);
                    html = html.replace("#{linkUrl}",linkUrl);
                    html = html.replace("#{imgUrl}",imgUrl);
                    $("#link_data").append(html);
                }
               /* $(".demo2").bootstrapNews({
                    newsPerPage: 1,
                    autoplay: true,
                    pauseOnHover: true,
                    navigation: false,
                    direction: 'down',
                    newsTickerInterval: 2500,
                    onToDo: function () {
                        //console.log(this);
                    }
                });*/
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
</script>
<script>
    $(document).ready(function(){
        getFirstLevel();
        getNotice(47,'tzgg');
        getNotice(48,'xshd');
        /*  获得文章 */
        getArticle(5,'zhxw');
        getArticle(7,'kyjz');
        getArticle(26,'kxcb');
        getTop(4,'ttxw');
        /* 头条图片新闻 不是头条新闻 */
        getImgAricle(4,'lbt');
        /* 获得尾部图片新闻列表 */
        getAricleImgList(6);
        /* 获得通知公告和学术通知 */

    });
    function getFirstLevel() {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/column/list?t=1576295892377&page=1&limit=10&name=&parentId="+0,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                console.log("一级导航数据");
                console.log(data.page.list);
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#FirstLevel").empty();
                var dataList = data.page.list;
                /* 二级导航栏数据集 */
                var secondList = [];
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    /* DOW 标签 */
                    var html = '<li class="dropdown">\n' +
                        '                            <a href="articleList.html?id=${id}" class="dropdown-toggle" data-toggle="dropdown" target="_top">name</a>\n' +
                        '                            <ul class="dropdown-menu" id="#{id}">\n' +
                        '\n' +
                        '                            </ul>\n' +
                        '                        </li>';
                    var name = dataList[i].name;
                    var id = dataList[i].id;
                    html = html.replace("#{id}",id);
                    html = html.replace("${id}",id);
                    html = html.replace("name",name);
                    if (name === '专题'){

                    } else if(name === '通知活动'){
                        // TODO
                    }else{
                        secondList.push(id);
                        $("#FirstLevel").append(html);
                    }
                }
                /*  插入首页导航*/
                html = '<li><a href="index.html">首　页</a></li>';
                $("#FirstLevel").prepend(html);
                /* 获得二级菜单 */
                for(var i=0;i<secondList.length;i++){
                    getFunctions(secondList[i],secondList[i])
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    function getFunctions(id,elementId) {
        $.ajax({
            async: true,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/column/list?t=1576295892377&page=1&limit=10&name=&parentId="+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#"+elementId).empty();
                var dataList = data.page.list;
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    var html = '<li><a href="articleList.html?id=#{id}" target="_blank">name</a></li>';
                    var name = dataList[i].name;
                    var id = dataList[i].id;
                    html = html.replace("#{id}",id);
                    html = html.replace("name",name);
                    $("#"+elementId).append(html);
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    function getNotice(id,elementId) {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/article/list?t=1576297358653&page=1&limit=3&columnId="+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#"+elementId).empty();
                var dataList = data.page.list;
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    var html = '<li class="mt10 clearfix"><span><b>#{mouth}/#{day}</b><em>#{year}</em></span>\n' +
                        '<a href="articleTemplate.html?id=#{id}" target="_blank"  class="mt5">#{title}</a>\n' +
                        '</li>';
                    // 切割日期和时间
                    var createDate = dataList[i].createDate.split("T");
                    //  获得时间 按"-"切割  从年到日
                    var date = createDate[0].split("-");
                    var year =date[0]; //年
                    var mouth = date[1]; //月
                    var day = date[2]; //日
                    var title = dataList[i].title;
                    var id = dataList[i].id;
                    // 将日期和内容渲染
                    html = html.replace("#{year}",year);
                    html = html.replace("#{day}",day);
                    html = html.replace("#{mouth}",mouth);
                    html = html.replace("#{id}",id);
                    html = html.replace("#{title}",title);
                    $("#"+elementId).append(html);
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    function getArticle(id,elementId) {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/article/list?t=1576297358653&page=1&limit=10&columnId="+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#"+elementId).empty();
                var dataList = data.page.list;
                console.log(dataList)
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    var html = '<li><a href="articleTemplate.html?id=#{id}" target="_blank" title="#{title}">{title}</a><time class="fr">#{date}</time></li>';
                    var title = dataList[i].title;
                    var id = dataList[i].id
                    var date = dataList[i].createDate;
                    html = html.replace("#{date}",date);
                    html = html.replace("#{id}",id);
                    html = html.replace("#{title}",title);
                    html = html.replace("{title}",title);
                    $("#"+elementId).append(html);
                }
            /*<a href="./xwdt/zhxw/201910/t20191014_5407929.html" target="_blank" title="邱铸鼎研究员荣获北美古脊椎动物学会荣誉会员称号">
                    <img src="./images/test.jpg" alt="邱铸鼎研究员荣获北美古脊椎动物学会荣誉会员称号" />
                    <h4 class="mb5"><a href="./xwdt/zhxw/201910/t20191014_5407929.html" target="_blank" title="邱铸鼎研究员荣获北美古脊椎动物学会荣誉会员称号">邱铸鼎研究员荣获北美古脊椎动物学会荣誉会...</a></h4>
*/
                $("#"+elementId+"_img").empty();
                var html =' <a href="articleTemplate.html?id=${id}" target="_blank" title="#{title}">\n' +
                    '                                <img src="./images/user/#{imgUrl}"  alt="${title}" />\n' +
                    '                                <h4 class="mb5"><a href="articleTemplate.html?id=#{id}" target="_blank" title="{title}">[title]</a></h4>\n' +
                    '                            </a>';
                var title = dataList[0].title;
                var imgUrl = "notExistImg.png"
                if (dataList[0].titleImgUrl != null) {
                    imgUrl = dataList[0].titleImgUrl;
                }
                var id = dataList[0].id;
                html = html.replace("#{title}",title);
                html = html.replace("#{id}",id);
                html = html.replace("${id}",id);
                html = html.replace("${title}",title);
                html = html.replace("{title}",title);
                html = html.replace("[title]",title);
                html = html.replace("#{imgUrl}",imgUrl);
                $("#"+elementId+"_img").append(html);
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    function getTop(id,elementId) {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/article/list?t=1576297358653&page=1&limit=8&columnId="+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#"+elementId).empty();
                var dataList = data.page.list;
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    var html = '<li class="ellipsis"><a href="articleTemplate.html?id=#{id}" target="_blank">{title}</a></li>';
                    var title = dataList[i].title;
                    var id = dataList[i].id;
                    html = html.replace("{title}",title);
                    html = html.replace("#{id}",id);
                    $("#"+elementId).append(html);
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    function getImgAricle(id,elementId) {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/article/list?t=1576297358653&page=1&limit=4&columnId="+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                $("#"+elementId).empty();
                var dataList = data.page.list;
                /* 操作dow 渲染页面 */
                for(var i=0;i<dataList.length;i++){
                    if (i === 0){
                        var html = '<div class="item active">\n' +
                            '                                <a href="articleTemplate.html?id=#{id}" target="_blank"><img src="./images/user/#{imgUrl}" alt="{title}" /></a>\n' +
                            '                                <a href="articleTemplate.html?id=${id}" target="_blank"><div class="carousel-caption">#{title}</div></a>\n' +
                            '                            </div>';
                        var title = dataList[i].title;
                        var imgUrl = dataList[i].titleImgUrl;
                        if (imgUrl === null){
                            imgUrl = "notExistImg.png";
                        }
                        var id = dataList[i].id;
                        html = html.replace("#{id}",id);
                        html = html.replace("${id}",id);
                        html = html.replace("{title}",title);
                        html = html.replace("#{title}",title);
                        html = html.replace("#{imgUrl}",imgUrl);
                        $("#"+elementId).append(html);
                    } else{
                        var html = '<div class="item">\n' +
                            '                                <a href="articleTemplate.html?id=#{id}" target="_blank"><img src="./images/user/#{imgUrl}" alt="{title}" /></a>\n' +
                            '                                <a href="articleTemplate.html?id=${id}" target="_blank"><div class="carousel-caption">#{title}</div></a>\n' +
                            '                            </div>';
                        var title = dataList[i].title;
                        var imgUrl = dataList[i].titleImgUrl;
                        var id = dataList[i].id;
                        html = html.replace("#{id}",id);
                        html = html.replace("${id}",id);
                        html = html.replace("{title}",title);
                        html = html.replace("#{title}",title);
                        html = html.replace("#{imgUrl}",imgUrl);
                        $("#"+elementId).append(html);
                    }
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
    function getAricleImgList(id) {
        $.ajax({
            async: false,    //表示请求是否异步处理
            type: "get",    //请求类型
            url: baseUrl+"/article/list?t=1576297358653&page=1&limit=12&columnId="+id,//请求的 URL地址
            dataType: "json",//返回的数据类型
            success: function (data) {
                /*清空当前重要活动内容栏*/
                var url ='/';
                var dataList = data.page.list;
                console.log(dataList);
                /* 操作dow 渲染页面 */
                $("#item1").empty();
                for(var i=0;i<4;i++){
                    var html = '<section class="col-md-3 col-sm-3">\n' +
                        '\t\t\t\t\t\t\t\t\t<a href="articleTemplate.html?id=#{id}" target="_blank" title="#{title}"><img src="./images/user/#{imgUrl}" alt="{title}" /><span>[title]</span></a>\n' +
                        '\t\t\t\t\t\t\t\t</section>';
                    var title = dataList[i].title;
                    var titleImgUrl = dataList[i].titleImgUrl;
                    var id = dataList[i].id;
                    html = html.replace("#{id}",id);
                    html = html.replace("#{title}",title);
                    html = html.replace("{title}",title);
                    html = html.replace("[title]",title);
                    html = html.replace("#{imgUrl}",titleImgUrl);
                    $("#item1").append(html);
                }
                $("#item2").empty();
                for(var i=4;i<8;i++){
                    var html = '<section class="col-md-3 col-sm-3">\n' +
                        '\t\t\t\t\t\t\t\t\t<a href="articleTemplate.html?id=#{id}" target="_blank" title="#{title}"><img src="./images/user/#{imgUrl}" alt="{title}" /><span>[title]</span></a>\n' +
                        '\t\t\t\t\t\t\t\t</section>';
                    var title = dataList[i].title;
                    var titleImgUrl = dataList[i].titleImgUrl;
                    var id = dataList[i].id;
                    html = html.replace("#{id}",id);
                    html = html.replace("#{title}",title);
                    html = html.replace("{title}",title);
                    html = html.replace("[title]",title);
                    html = html.replace("#{imgUrl}",titleImgUrl);
                    $("#item2").append(html);
                }
                $("#item3").empty();
                for(var i=8;i<12;i++){
                    var html = '<section class="col-md-3 col-sm-3">\n' +
                        '\t\t\t\t\t\t\t\t\t<a href="articleTemplate.html?id=#{id}" target="_blank" title="#{title}"><img src="./images/user/#{imgUrl}" alt="{title}" /><span>[title]</span></a>\n' +
                        '\t\t\t\t\t\t\t\t</section>';
                    var title = dataList[i].title;
                    var titleImgUrl = dataList[i].titleImgUrl;
                    var id = dataList[i].id;
                    html = html.replace("#{id}",id);
                    html = html.replace("#{title}",title);
                    html = html.replace("{title}",title);
                    html = html.replace("[title]",title);
                    html = html.replace("#{imgUrl}",titleImgUrl);
                    $("#item3").append(html);
                }
            },
            error: function (data) {
                console.log("服务器内部错误");
            }
        });
    }
</script>

<!-- 右侧固定飘窗开始---->
<script type="text/javascript" src="http://api.cas.cn/lib/jquery/1.12.4/jquery.min.js"></script>

<script type="text/javascript" src="./images/jquery.couplet.min.js"></script>

<script type="text/javascript">

   /* $(function(){
        $("body").couplet({
            imgpath:"./images/user/7f919d25-ad21-4ad3-ab72-59ad75267482.jpg",//图片路径
            imgurl:"http://www.baidu.com",//链接路径
            imgurltarget:"_blank",
            imgright:"5px",//右边距离
            imgwidth:"250px",//图片宽度
            imgheight:"300px"//图片高度
        });
    });*/

</script>
</body>
</html>